<div id="button_more_menu" class="p_pop" style="display: none; margin-left: 0px;">
	<ul>
		<li><a href="javascript:;" onclick="spaceDiy.recover();return false;" title="{lang Restoring a backup}">{lang Restore}</a></li>
		<li><a href="javascript:;" onclick="drag.frameExport();return false;" title="{lang Export all DIY data in the current page}">{lang Export}</a></li>
		<li><a href="javascript:;" onclick="drag.openFrameImport();$$$('button_more_menu').style.display='none';return false;" title="{lang Import DIY data into the current page}">{lang Import}</a></li>
		<li><a href="javascript:;" onclick="drag.blockForceUpdateBatch();$$$('button_more_menu').style.display='none';return false;" title="{lang Update the current page of data for all modules}">{lang Update}</a></li>
		<li><a href="javascript:;" onclick="drag.clearAll();$$$('button_more_menu').style.display='none';return false;" title="{lang Clear all DIY data in the current page}">{lang Clear all}</a></li>
	</ul>
</div>
<div id="controlpanel" class="cl">
	<div id="controlheader" class="cl">
		<p class="y">
			<span id="navcancel"><a href="javascript:;" id="diycancel" onclick="spaceDiy.cancel();return false;">{lang Close}</a></span>
			<a href="javascript:;" title="{lang More}" id="button_more" onmouseover="showMenu(this.id);">{lang More}</a>
			<span id="navsave"><a href="javascript:;" onclick="javascript:spaceDiy.save();return false;">{lang Save}</a></span>
			<span id="button_redo" class="unusable"><a href="javascript:;" onclick="spaceDiy.redo();return false;" title="{lang Redo}" onfocus="this.blur();">{lang Redo}</a></span>
			<span id="button_undo" class="unusable"><a href="javascript:;" onclick="spaceDiy.undo();return false;" title="{lang Undo}" onfocus="this.blur();">{lang Undo}</a></span>
			<span id="preview" class="unusable"><a href="javascript:;" onclick="spaceDiy.save('preview');return false;" onfocus="this.blur();" title="{lang Preview the effect of DIY}" id="diy_preview">{lang Perview}</a></span>
			<span id="savecachemsg" class="xg1" style="display: none;"></span>
		</p>
		<ul id="controlnav">
			<li id="navstart" class="current"><a href="javascript:" onclick="spaceDiy.getdiy('start');this.blur();return false;">{lang Start}</a></li>
			<li id="navframe"><a href="javascript:;" onclick="spaceDiy.getdiy('frame');this.blur();return false;">{lang Frame}</a></li>
			<li id="navblockclass"><a href="javascript:;" onclick="spaceDiy.getdiy('blockclass');this.blur();return false;" id="hd_mod">{lang Module}</a></li>
		</ul>
	</div>
	<div id="controlcontent" class="cl">
		<ul id="contentstart" class="content">
		  <li><a href="javascript:;" onclick="spaceDiy.getdiy('frame');return false;"><img src="{STATICURL}image/diy/layout.png" />{lang Add frame}</a></li>
		  <li><a href="javascript:;" onclick="spaceDiy.getdiy('blockclass');return false;"><img src="{STATICURL}image/diy/module.png" />{lang Add module}</a></li>
		</ul>
		<ul id="contentframe" class="content hide">
			<li><a href="javascript:;" id="frame_1" onmousedown="drag.createObj(event,'frame','1');" onfocus="this.blur();" data="$widthstr"><img src="{STATICURL}image/diy/layout-1.png" />100%{lang Frame}</a></li>
			<li><a href="javascript:;" id="frame_1_1" onmousedown="drag.createObj(event,'frame','1-1');" onfocus="this.blur();"><img src="{STATICURL}image/diy/layout-1-1.png" />1:1</a></li>
			<li><a href="javascript:;" id="frame_1_2" onmousedown="drag.createObj(event,'frame','1-2');" onfocus="this.blur();"><img src="{STATICURL}image/diy/layout-1-2.png" />1:2</a></li>
			<li><a href="javascript:;" id="frame_2_1" onmousedown="drag.createObj(event,'frame','2-1');" onfocus="this.blur();"><img src="{STATICURL}image/diy/layout-2-1.png" />2:1</a></li>
			<li><a href="javascript:;" id="frame_1_3" onmousedown="drag.createObj(event,'frame','1-3');" onfocus="this.blur();"><img src="{STATICURL}image/diy/layout-1-3.png" />1:3</a></li>
			<li><a href="javascript:;" id="frame_3_1" onmousedown="drag.createObj(event,'frame','3-1');" onfocus="this.blur();"><img src="{STATICURL}image/diy/layout-3-1.png" />3:1</a></li>
			<li><a href="javascript:;" id="frame_1_1_1" onmousedown="drag.createObj(event,'frame','1-1-1');" onfocus="this.blur();" data="$widthstr"><img src="{STATICURL}image/diy/layout-1-1-1.png" />1:1:1</a></li>
			<li><a href="javascript:;" id="frame_tab" onmousedown="drag.createObj(event,'tab');" onfocus="this.blur();" data="$widthstr"><img src="{STATICURL}image/diy/layout-tab.png" />tab {lang Frame}</a></li>
		</ul>
		<div id="contentblockclass" class="content"></div>
	</div>
	<div id="cpfooter"><table cellpadding="0" cellspacing="0" width="100%"><tr><td class="l">&nbsp;</td><td class="c">&nbsp;</td><td class="r">&nbsp;</td></tr></table></div>
</div>

<form method="post" autocomplete="off" name="diyform" id="diyform" action="$_G[siteurl]index.php?option=diy">
<input type="hidden" name="template" value="$_G['style']['tplfile']" />
<input type="hidden" name="prefile" id="prefile" value="$_G['style']['prefile']" />
<input type="hidden" name="savemod" value="$_G['style']['tplsavemod']" />
<input type="hidden" name="spacecss" value="" />
<input type="hidden" name="style" value="" />
<input type="hidden" name="rejs" value="" />
<input type="hidden" name="handlekey" value="" />
<input type="hidden" name="layoutdata" value="" />
<input type="hidden" name="formhash" value="{FORMHASH}" />
<input type="hidden" name="gobackurl" id="gobackurl" value=""/>
<input type="hidden" name="recover" value=""/>
<input type="hidden" name="optype" value=""/>

<input type="hidden" name="diysubmit" value="true"/>
</form>